<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>数据表格 - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="res/css/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="res/css/themes/icon.css">
	<script type="text/javascript" src="res/jquery.min.js"></script>
	<script type="text/javascript" src="res/jquery.easyui.min.js"></script>
</head>
<body>
	<h2>数据表格</h2>
	<div style="margin:20px 0;"></div>
	
	<table id="dg" class="easyui-datagrid"
	 title="测试表格" style="width:700px;height:300px" data-options="
	            collapsible:true,
	            url:'api/tree',
	            pageNumber:1,
				rownumbers:true,
				singleSelect:false,
				autoRowHeight:false,
				pagination:true,
				pageList:[3,6,9,12],
				pageSize:3">
		<thead>
			<tr>
				<th field="id" width="80">id</th>
				<th field="text" width="100">text</th>
				<th field="url" width="80">url</th>
				
			</tr>
		</thead>
	</table>


</html>